<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<c:set var="companyId" value="18" ></c:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="IE=edge" >
        <link rel="stylesheet" href="${path }/websites/demopc/css/bootstrap-3.3.5/css/bootstrap.css" type="text/css" >
        <link rel="stylesheet" href="${path }/websites/demopc/css/base.css" media="screen" type="text/css" >
        <link rel="stylesheet" href="${path }/websites/demopc/css/public.css" media="screen" type="text/css" >
       <link href="${path }/resource/css/styleOne/animate.min.css" rel="stylesheet" type="text/css" />
       <script type="text/javascript" src="${path }/websites/demopc/js/jquery-1.11.1.min.js"></script>	
        <script type="text/javascript" src="${path }/websites/demopc/js/pageSwitch.min.js"></script>
        <script type="text/javascript" src="${path }/websites/demopc/js/respond.js"></script>
        
			<cms:setting companyId="${companyId }" var="title" code="title"></cms:setting>
			<title data-index="0" id="selextTitle">${title.paramValue }</title>
    </head>
<body>
	<jsp:include page="_top.jsp"></jsp:include>
          <div class="banner">
           <img src="${path }/websites/demopc/images/casebanner.jpg" alt="" />
          </div>
         <div class="container case-tab">
             <h2 class="con-txt text-center "><b>案例欣赏</b></h2>
             <div class="tab text-center">
               <div class="tab-wrap">
                 <span class="active">PC端</span>
                 <span>手机端</span>
               </div>
             </div> 
         <div class="container case-tab-list">
            <div class="cases-wrap">
             <div class="cases-PC container">
                <div class="row">
                 <cms:ad companyId="${companyId }" var="alxspc" code="alxspc" ></cms:ad>
                    <div class="case-list">
                      <ul>
                        <c:forEach var="item" items="${alxspc}">
                          <li class="col-md-4"><a href="#"><img src="${item.adImg}"  alt="" /></a></li>
                          </c:forEach>
                      </ul>
                    </div>
                 
                </div>
               
              </div>
               <div class="cases-phone container">
                <div class="row">
                  <cms:ad companyId="${companyId }" var="alxssj" code="alxssj" ></cms:ad>
                    <div class="case-list">
                      <ul>
                      <c:forEach var="item" items="${alxssj}">
                          <li class="col-md-4"><a href="#"><img src="${item.adImg}"  alt="" /></a></li>
                         </c:forEach> 
                      </ul>
                    </div>
                 
                </div>
               
              </div>
            </div>
          </div>
         </div>      
       
     <jsp:include page="_foot.jsp"></jsp:include>
  <script src="${path }/websites/demopc/js/wow.min.js"></script>
        <script>
             $(".tab-wrap>span").mouseover(function () {
                $(this).siblings().removeClass("active")
                $(this).addClass("active")
                var phone=this.innerHTML
               
                if(phone=='手机端'){
                    $(".cases-PC").hide();
                    $(".cases-phone").show();
                }else{
                    $(".cases-PC").show();
                    $(".cases-phone").hide();
                }
               
             });
             if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        new WOW().init();
    };
    </script>
</body>
</html>